@charset "utf-8";
/* CSS Document */

.index-why-main{ padding: 3%; height: auto; overflow: hidden;}
.public-title .en{font-size: 1.125rem;    line-height: 1;  color: #fff;   text-transform: uppercase; }
.public-title .en span{font-weight: bold;}
.public-title .cn{    font-size: 3.125rem;    line-height: 1;  color: #fff;   font-weight: bold;    margin-top: 1.6%;}

.index-why li{ width:33.33%; float: left;    padding-left: 3.96%;
    padding-right: 3.96%;border-bottom: 1px solid rgba(255, 255, 255, 0.3);border-right: 1px solid rgba(255, 255, 255, 0.3);display: flex;    align-items: center;min-height: 345px;	}
.index-why li .title{ color: #fff;
    margin-top: 6.5%;
    font-size: 1.875rem;
    font-weight: bold;
    transition: all 0.5s linear 0s;}

.index-why-01 .des{    font-size: 1rem;    margin-top: 4%; color: #fff;}

.XINJIA-NAV a{background: #fff;}

.public-bg{background: #ea3441; background-size:100% ;}
/*.public-bg{background: url(../images/xinjia11.jpg) bottom left; background-size:100% ;}*/

@media screen and (max-width: 1024px) {
	.index-why li .title{ font-size: 1.5rem;}
	.index-why-01 .des{ font-size: 14px;}
	.public-bg{background: #ea3441; background-size:100% ;}
/*	.public-bg{background: url(../images/xinjia222.jpg) bottom left; background-size:100% ;}*/
}

@media screen and (max-width: 860px) {
	.index-why li{ width: 50%;}
	.index-why-main{ padding-top:40px;}
	.public-title .cn{font-size: 26px;}
}

@media screen and (max-width: 520px) {
	.index-why li .title{ font-size:18px;}
	.index-why-01 .des{ font-size: 12px;}
	.icon img{ width: 60px;}
}


@media screen and (max-width: 420px) {
	.index-why li{ width:100%;     min-height: 245px;}
	
}